<!--
* @description 
* @fileName booth.vue
* @author huangyu
* @date 2023/02/08 14:30:54
!-->
<template>
    <div>
        <van-nav-bar title="我的摊位" />
        <div v-if="token">
            <vList></vList>
        </div>
        <div v-else style="margin:30px auto;text-align: center;"><van-button type="info" @click="clickLogin">立即登录</van-button></div>
        <van-popup v-model="show" position="top" :style="{ height: '40%' }">
            <vLogin @onLogin="onLogin"></vLogin>
        </van-popup>
    </div>
</template>

<script>

import vList from "./list.vue"
import vLogin from "../login.vue"

export default {
    components: {vList,vLogin},
    data() {
        return {
            token: this.$store.state.token,
            show: false,
            
        }
    },
    mounted() {
        
    },
    methods: {
        clickLogin(){
            this.show = true
        },
        onLogin(){
            this.show = false
        },
        
    },
}
</script>

<style scoped>

</style>